<template>
  <div>
    <ul>
      <li v-for="index in team" :key="index">{{index}}</li>
    </ul>
    <button @click="drop">串门</button>
  </div>
</template>

<script>
export default {
  data () {
    return {
      team: ['帅哥','美女','传智播客']
    }
  },
  methods: {
    drop () {
      this.team.push(this.team[0])
      this.team.shift();
    }
  }
}
</script>

<style scoped lang='less'>

</style>